<!--链接区域-->
<template>
  <div class="home">
    <div class="link">
      <a href="">
        <img src="../../../../static/img/monthly/icon3.png" alt="">
        <p>男生</p>
      </a>
      <a href="">
        <img src="../../../../static/img/monthly/icon4.png" alt="">
        <p>女生</p>
      </a>
      <a href="">
        <img src="../../../../static/img/monthly/icon5.png" alt="">
        <p>个性化</p>
      </a>
      <a href="">
        <img src="../../../../static/img/monthly/icon6.png" alt="">
        <p>书单</p>
      </a>
    </div>
  </div>
</template>

<script>
  export default {
    data () {
      return {
        msg: '13213'
      }
    }
  }
</script>


<style>
  .link{
    display: flex;
    padding:21px 0;
    background: #fff;
    margin-bottom: 14px;
  }
.link a{
  display: block;
  float: left;
  flex: 1;
  height: 68px;
  text-align: center;
}
  .link a p{
    color: #666;
    font-size: 14px;
  }
  .link a img{
    width: 28px;
    height: 30.8px;
    margin-bottom:14px ;
  }
</style>
